@charset "utf-8";
/* reset start*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
 *font-size: 100%;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link, :visited, ins {
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
button{
	border:none;
	background:none;
	color:inherit;
}

/**************************************************************************************************************/
/**************************************************************************************************************/
/*基本设置*/

body {
	height:100%;
	font-family:Microsoft YaHei, Arial,Helvetica,Garuda,sans-serif;
	line-height:2;
	color:#2e6bb6;
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
}
li{
	border-bottom:solid 1px #727272;
}
a {
	color:inherit;
}
h2 {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	line-height:2;
}
h2 a {
	font-size:0.8em;
}
#back, #home {
	line-height:40px;
}
#back {
	float:left;
	padding-left:1em;
}
#home {
	float:right;
	padding-right:1em;
}
h3 {
	color:#fff;
	padding:0 1em;
	border-bottom:1px solid #;
	/*background-color:#4074a2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4588c2), color-stop(100%, #4074a2));
	background: -webkit-linear-gradient(top, #4588c2 0%, #4074a2 100%);*/
	background:#3e6d8e;
}
h3 a {
}
h3 button{
	float:right;
}

button{
	padding:0.3em 0.5em;
}

/**************************************************************************************************************/
/**************************************************************************************************************/
/*整体结构*/

#header {
	position:absolute; z-index:2;
	top:0; left:0;
	width:100%;
	height:40px;
	padding:0;
	line-height:40px;
	border-top:solid 1px #6d84a2;
	border-bottom:solid 1px #2d3642;
	background-color:#6d84a2;
	background: #FFF9DF -webkit-linear-gradient(top, #aebbcb, #6d84a2);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aebbcb), color-stop(100%, #6d84a2));
}

#footer {
	position:absolute; z-index:2;
	bottom:0; left:0;
	width:100%;
	padding:0;
	height:42px;
	line-height:42px;
	overflow:hidden;
	background-color:#222;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);
	border-top:1px solid #444;
}

#wrapper {
	position:absolute; z-index:1;
	top:42px; bottom:42px; left:0;
	width:100%;
	overflow:auto;
	background:#aaa;
}

#scroller {
	position:absolute; z-index:1;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
	background:#fff;
}

/**
 *
 * Pull down styles
 *
 */
#pullDown, #pullUp {
	display:none;
	background:#fff;
	height:40px;
	line-height:40px;
	margin:0 0.5em;
	padding:5px 0;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-size:14px;
	color:#888;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
	display:block; float:left;
	width:40px; height:40px;
	background:url(../images/pull-icon.png) 0 0 no-repeat;
	-webkit-background-size:40px 80px; background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}
#pullDown .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullDown.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown.loading, #pullUp.loading{
	display:block;
} 

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;

	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}

/**************************************************************************************************************/
/**************************************************************************************************************/
#mainbody{
	
}
#content{
	position:relative;
	margin:0.5em;
	background:#333333;	
}
.layer{
	display:none;
}

#control_bar, .botMenu{
	padding:0 1em;
	text-align:right;
}
#control_bar a, .botMenu a{
	border-bottom:solid 1px #fff;
	color:#fff;
	margin-right:0.5em;
}

.botMenu{
	display:none;
}

#server_listen li, #event_listen li, #unhandled li {
	
}
#server_listen li a, #event_listen li a{
	display:block;
	padding:0.5em 1em;
}
#server_listen label, #event_listen label {
	display:inline-block;
	width:10em;
}
#server_listen a span, #event_listen a span {
	font-weight:bold;
	margin-right:1em;
	float:right;
	color:#;
}

#unhandled li {
	padding:0.5em 1em;
} 
#unhandled li a {
	color:#F93;
	text-decoration:underline;
}

#unhandled li label{
	float:right;
	color:#ff9933;
}
#unhandled li button{
	border:none;
	background:none;
	display:block;
	width:100%;
	text-align:right;
	
}

#unhandled li div{
	display:none;
	color:#ff9933;
}
#page_info{
	padding:0.5em;
}

#page_info span,#page_info select{
	padding:0.5em;
}

/**************************************************************************************************************/
/**************************************************************************************************************/
/*通用类*/

.t_r{
	text-align:right;
}
.state_0 {
	color:#2E6BB6;
	background:#fff;
}
.state_1 {
	background-color:#c9de96;
	background-color:#66cb66;
	background-color:#ccff99;
}
.state_2 {
	color:#111;
	/*background: #FFF9DF -webkit-linear-gradient(top, #ffefa7, #fbf674);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffefa7), color-stop(100%, #fbf674));
	background: #FFF9DF -webkit-linear-gradient(top, #ffefa7, #f5d856);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffefa7), color-stop(100%, #f5d856));*/	
	background-color:#feff6f;
	background-color:#f9fa97;
}
.state_3 {
	color:#000;
	background-color:#fc8b6e;
	background-color:#ff927d;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF9F19),color-stop(20%, #FF9F19), color-stop(100%, #cf0404));
	background: -webkit-linear-gradient(top, #FF9F19 0%,#FF9F19 20%, #cf0404 100%); */
	/*-webkit-animation:flicker 2s ease 0 infinite;*/
}
.server {
	background:url(../image/server.png) no-repeat 0 50%;
	-webkit-background-size:1.8em 1.8em;
	line-height:2em;
	padding-left:2em;
}
.list_1 {
}
.list_1 li {
	line-height:3;
	background:url(../image/a.png) no-repeat 90% 50%;
	border-bottom:1px solid #ebebeb;
}
.list_1 li a {
	padding:0 1em;
	display:block;
}
.list_1 li a:hover {
	background-color:#06F;
	color:#fff;
}
.list_2 {
}
.list_2 li {
	padding:0 1em;
}
.list_2 li h6 {
}
.list_2 li p{
	color:#F93;
}
.list_3{
	
}
.list_3 li{
	padding:0.5em 1em;
}
.list_3 li p:first-child a{
	font-weight:bold;
	text-decoration:underline;
	color:#F93;
}
.list_3 li label{
	float:right;
	color:#F93;
}
.list_4{
	margin:0.5em;
	background:#333333;
	radius-border:0.5em;
}
.list_4 dt{
	cursor:pointer;
	padding:0.2em 1em 0.2em 2em;
	font-weight:bolder;
	color:#fff;
	border-bottom:solid 1px #727272;
}
.list_4 dt:last-child{
	background:#419829;
}
.list_4 dd{
	padding:0.5em 1em 0.5em 3em;
	border-bottom:solid 1px #727272;
}
.list_4 dd a{
	display:block;
}
.button_1{
	padding:0 0.5em;
	border:solid 1px green;
	border-radius:0.2em;
	color:#111;
	background:green;
	font-weight:normal;
	text-align:center;
	background: #FFF9DF -webkit-linear-gradient(top, #ffefa7, #f5d856);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffefa7), color-stop(100%, #f5d856));	
}
.icon_1 {
	float:right;
	border:solid 1px #fff;
	padding:0 0.5em;
}

.button_group button{
	border:solid 1px gray;
	border-right:none;
	padding:0.5em 1em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
}

.group a:first-child{
}

.group a:last-child{
}
#control_bar .group a.current, .botMenu .group a.current{
	color:#ff9933;
}

.text_overflow {
	display:block;/*内联对象需加*/
	text-align:center;
	width:7em;
	margin:0 auto;
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.loading{
}
.error{
	padding:1em;
}

.icon_up{
	width:2em;
	height:2em;
	background:url(../images/up.png) no-repeat 0 0;
	background-size:cover;
}
.icon_warning{
	width:2em;
	height:2em;
	background:url(../images/warning.png) no-repeat 0 0;
	background-size:cover;	
}
.icon_caution{
	width:2em;
	height:2em;
	background:url(../images/caution.png) no-repeat 0 0;
	background-size:cover;	
}

.yellow {
	background: #FFF9DF -webkit-linear-gradient(top, #ffefa7, #f5d856);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffefa7), color-stop(100%, #f5d856));
}
.gray {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
}
.red {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF9F19), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FF9F19 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2825b), color-stop(50%, #e55b2b), color-stop(100%, #f07146)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* Chrome10+,Safari5.1+ */
}
.green {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4ddb4), color-stop(17%, #83c783), color-stop(100%, #52b152)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #83c783 100%); /* Chrome10+,Safari5.1+ */
}

/**************************************************************************************************************/
/**************************************************************************************************************/
/*js控件相关样式*/

@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
._loading{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:100%;
	text-align:center;
	background:url(../images/loading.gif)  no-repeat 50% 50% #2e6bb6;
	-webkit-background-size:contain;
	background-size:contain;
}
._loading_1{
	width:100%;
	height:64px;
	background:url(../images/loading.gif)  no-repeat 50% 50%;
	-webkit-background-size:contain;
	background-size:contain;
}

._loading_2 {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:0.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:40px;
	box-shadow: 0 0 35px #2187e7;
	width:40px;
	height:40px;
	margin:0px auto;
	-webkit-animation:spin .5s infinite linear;
}

.tipsBox{
	position:absolute;
	top:10%;
	left:50%;	
	opacity:0;	
}
.tips{
	pointer-events: none;
	position:absolute;
	color: #DEF;
	font-weight: bold;
	padding:1em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
	border-radius: 0.5em;
	box-shadow: 0 0 7px 3px rgba(0, 155, 255, .3), inset 0 0 0 1px rgba(180, 255, 255, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 0 1px #012;
	-webkit-backface-visibility: hidden;	
	background: #123;
	background-image: -webkit-linear-gradient(-45deg, rgba(100, 155, 155, 0), rgba(100, 155, 155, .1) 50%, transparent 50%), -webkit-linear-gradient(#234,#345,#234);
}
.bubble{
	color:#fff;
	background-color:#4074a2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4588c2), color-stop(100%, #4074a2));
	background: -webkit-linear-gradient(top, #4588c2 0%, #4074a2 100%);
	position:relative;
	margin: 1em 0;
	padding:0.5em 1em;
	border-radius: 0.5em;
}
.bubble:after{
    display: block;
    width: 0;
	border-color: #4074a2 transparent;
    border-style: solid;
    border-width: 1em 1em 0;
    position: absolute;
	left: 3em;
	top: 3em;
    content: "";
}

/**************************************************************************************************************/
/**************************************************************************************************************/
/*css3动画*/
.flicker {
     -webkit-animation: flicker 1.5s infinite linear;
 }
 
@-webkit-keyframes flicker {
	 0% { opacity:1;}
	 100% { opacity:0}
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}